/**
 * 
 * 动效
 */
$(function () {
    // if ($(window).height() > 800 && $(window).width()>900  ) {
    //     $(".introductionFirst .container").animate({ "top": 0 }, 1000);
    //             setTimeout(function () {
    //                 $(".introductionFirst .leftTxt").animate({ "left": "27%" }, 700)
    //             }, 1000)

    // }else{
        if(  $(window).width()>992){
            $(document).scroll(function () {
                var h = $("body").scrollTop()+900;
                var h1 = $(".introductionFirst").offset().top;
                if (h > h1) {
                    $(".introductionFirst .container").animate({ "top": 0 }, 1000);
                    setTimeout(function () {
                        $(".introductionFirst .leftTxt").animate({ "right": "66.7%" }, 500)
                    }, 700)
                }
           

				var h2 = $(".introductionFirst").outerHeight();
                if (h > h1 + h2) {
                    $(".introductionSecond ").animate({ "top": 0 }, 1000);
                    setTimeout(function () {
                        $(".introductionSecond .leftTxt").animate({ "left": "0" }, 400)
                    }, 1000)
                }
                var h3 = $(".introductionSecond").outerHeight();
                if (h > h1 + h2 + h3) {
                    $(".introductionThird ").animate({ "top": 0 }, 1000);
                    setTimeout(function () {
                        $(".introductionThird .leftTxt").animate({ "left": "0" }, 400)
                    }, 1000)
                }

                var h4 = $(".introductionThird").outerHeight();
                if (h > h1 + h2 + h3 + h4) {
                    $(".introductionForth ").animate({ "top": 0 }, 1000);
                    setTimeout(function () {
                        $(".introductionForth .leftTxt").animate({ "left": "0" }, 400)
                    }, 1000)
                }
			})
      }
    // }
    $(".userBtn").click(function () {
        $(".userForm").show();
    })
    $(".closeBtn").click(function () {
        $(".userForm").hide();
    })
    //表单
    function verifition(json) {
        var flag = json.verify_way.test($(json.obj0).find("input").val());
        var flag1 = json.verify_way1.test($(json.obj1).find("input").val());
        var flag2 = json.verify_way1.test($(json.obj2).find("input").val());
        var flag3 = json.verify_way1.test($(json.obj3).find("input").val());
        var flag4 = json.verify_way4.test($(json.obj4).find("input").val());
        var flag5 = json.verify_way5.test($(json.obj5).find("input").val());
        if (flag && flag1 && flag2 && flag3 && flag4 && flag5) {
            $(".form input").each(function () {
                $(this).parents("li").find("span").html("");
                $(this).css({ "border": "1px solid transparent" });
            })
        } else {
            if (!flag) {
                $(json.obj0).find("span").html(json.hint_desc);
                $(json.obj0).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj0).find("span").html("");
                $(json.obj0).find("input").css({ "border": "1px solid transparent" });
            }
            if (!flag1) {
                $(json.obj1).find("span").html(json.hint_desc1);
                $(json.obj1).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj1).find("span").html("");
                $(json.obj1).find("input").css({ "border": "1px solid transparent" });
            }
            if (!flag2) {
                $(json.obj2).find("span").html(json.hint_desc2);
                $(json.obj2).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj2).find("span").html("");
                $(json.obj2).find("input").css({ "border": "1px solid transparent" });
            }
            if (!flag3) {
                $(json.obj3).find("span").html(json.hint_desc3);
                $(json.obj3).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj3).find("span").html("");
                $(json.obj3).find("input").css({ "border": "1px solid transparent" });
            }
            if (!flag4) {
                $(json.obj4).find("span").html(json.hint_desc4);
                $(json.obj4).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj4).find("span").html("");
                $(json.obj4).find("input").css({ "border": "1px solid transparent" });
            }
            if (!flag5) {
                $(json.obj5).find("span").html(json.hint_desc5);
                $(json.obj5).find("input").css({ "border": "1px solid #d0011b" });
                return
            } else {
                $(json.obj5).find("span").html("");
                $(json.obj5).find("input").css({ "border": "1px solid transparent" });
            }
        }
    }

    $(".sure").click(function () {
        verifition(
            data = {
                obj0: '.name',
                obj1: '.position',
                obj2: '.company',
                obj3: '.department',
                obj4: '.mobile',
                obj5: '.email',
                verify_way: /[\u4E00-\u9FA5\uF900-\uFA2D]/,
                verify_way1: /^[a-zA-Z\u4e00-\u9fa5 ]{1,20}$/,
                verify_way4: /\d{11}/,
                verify_way5: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/,
                hint_desc: '请输入正确的姓名',
                hint_desc1: '请输入正确的职位',
                hint_desc2: '请输入正确的公司名称',
                hint_desc3: '请正确输入部门名称',
                hint_desc4: '请输入正确的手机号码',
                hint_desc5: '请输入正确的邮箱',
                //  fun: OK
            }
        )

    })




})
